@charset "UTF-8";
@import url(../public/public.css);
/*--------------------------主要内容----------------------*/
h3, h5 {
  font-size: 1em;
  font-weight: normal; }

.wp {
  width: 1180px;
  margin: 0 auto;
  margin-top: 20px; }
  .wp .container {
    width: 1180px;
    margin: 0 auto;
    /*--banner部分--*/
    /*--app--*/
    /*--全部人--*/
    /*--全部商品--*/
    /*---------------重复部分---------------------*/ }
    .wp .container .ad-box {
      height: 320px;
      overflow: hidden;
      margin-bottom: 20px;
      width: 1180px; }
      .wp .container .ad-box .banner-box {
        position: relative;
        float: left;
        width: 580px;
        height: 320px; }
        .wp .container .ad-box .banner-box ul li {
          position: absolute;
          top: 0;
          left: 0;
          overflow: hidden; }
          .wp .container .ad-box .banner-box ul li span.title {
            background: rgba(0, 0, 0, 0.3);
            color: #fff;
            overflow: hidden;
            position: absolute;
            bottom: 0;
            left: 0;
            margin-bottom: 0px;
            width: 100%;
            height: 32px;
            line-height: 32px;
            font-size: 14px;
            text-indent: 10px; }
        .wp .container .ad-box .banner-box .slidebar {
          width: 168px;
          height: 20px;
          position: absolute;
          top: 5px;
          left: 4px; }
          .wp .container .ad-box .banner-box .slidebar ul li {
            position: relative;
            float: left;
            margin-right: 1px;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 10px;
            cursor: pointer;
            background: rgba(0, 0, 0, 0.3);
            color: #fff;
            overflow: hidden; }
            .wp .container .ad-box .banner-box .slidebar ul li.active {
              background: rgba(255, 255, 255, 0.5);
              color: #000;
              font-weight: 700; }
      .wp .container .ad-box .right-box {
        float: left;
        width: 300px;
        height: 160px; }
    .wp .container .appstore-box {
      background: #fafafa url(../img/img2/img_product/title-appstore.png) left top no-repeat;
      height: 100px;
      padding: 0 21px 0 157px;
      margin-bottom: 20px;
      width: 1000px; }
      .wp .container .appstore-box ul li.dangge-app {
        float: left; }
        .wp .container .appstore-box ul li.dangge-app a {
          margin-top: 8px;
          margin-right: 20px;
          display: inline-block; }
      .wp .container .appstore-box a.more {
        float: right;
        font-size: 18px;
        color: #d1d1d1;
        text-decoration: none;
        margin-top: 40px; }
    .wp .container .filter-people-box {
      background: #fafafa;
      text-align: center;
      margin-bottom: 20px;
      width: 1180px; }
      .wp .container .filter-people-box a {
        display: inline-block;
        width: 8%;
        font-size: 16px;
        color: #666;
        height: 50px;
        line-height: 50px;
        overflow: hidden; }
        .wp .container .filter-people-box a.active {
          background: #f60;
          color: #fff;
          font-size: 18px;
          text-align: center; }
        .wp .container .filter-people-box a:hover {
          background: #ff5230;
          color: #fff; }
    .wp .container .filter-more-box {
      margin-bottom: 20px; }
      .wp .container .filter-more-box .hide {
        display: none; }
      .wp .container .filter-more-box .no-hide {
        display: block; }
      .wp .container .filter-more-box li {
        display: inline-block;
        padding: 6px;
        margin: 0 5px 5px 0;
        background: #fafafa; }
        .wp .container .filter-more-box li a {
          height: 18px;
          line-height: 18px;
          font-size: 14px;
          color: #afafaf;
          display: block;
          padding: 0 10px; }
        .wp .container .filter-more-box li.all a {
          background: #d3d3d3;
          color: #fff; }
      .wp .container .filter-more-box .weiot-p-all {
        text-align: center;
        position: relative; }
        .wp .container .filter-more-box .weiot-p-all a.show-all {
          font-size: 14px;
          color: #463a3a;
          display: inline-block;
          padding-top: 5px;
          padding-bottom: 3px;
          position: relative;
          cursor: pointer; }
          .wp .container .filter-more-box .weiot-p-all a.show-all i {
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top: 5px solid #ff5230;
            position: absolute;
            bottom: -6px;
            left: 24px; }
          .wp .container .filter-more-box .weiot-p-all a.show-all span.quanbu {
            position: relative;
            top: 0;
            left: 0; }
          .wp .container .filter-more-box .weiot-p-all a.show-all .jingjian {
            display: none; }
    .wp .container .product-list {
      margin-bottom: 30px;
      width: 1180px; }
      .wp .container .product-list .productHeader {
        border-bottom: 5px solid #57bae8;
        margin-bottom: 5px;
        padding-bottom: 7px;
        overflow: hidden; }
        .wp .container .product-list .productHeader .productRight {
          float: right; }
          .wp .container .product-list .productHeader .productRight h3 {
            height: 26px;
            cursor: pointer; }
            .wp .container .product-list .productHeader .productRight h3 a {
              width: 75px;
              color: #333;
              line-height: 26px;
              margin-right: 1px;
              text-align: center;
              display: block;
              float: left;
              height: 26px;
              background: #f3f3f3; }
            .wp .container .product-list .productHeader .productRight h3 span {
              width: 25px;
              height: 26px;
              display: block;
              float: left;
              background: #f3f3f3; }
          .wp .container .product-list .productHeader .productRight ul {
            background: #fff;
            position: absolute;
            width: 99px;
            text-align: center;
            border: 1px solid #c6c6c6;
            border-bottom: none;
            margin-top: 1px; }
            .wp .container .product-list .productHeader .productRight ul li {
              height: 41px;
              line-height: 41px;
              border-bottom: 1px solid #b8b8b8;
              margin: 0 2px; }
              .wp .container .product-list .productHeader .productRight ul li a {
                font-size: 12px;
                color: #000; }
          .wp .container .product-list .productHeader .productRight:hover ul {
            display: block !important; }
      .wp .container .product-list ul.content {
        text-align: center; }
        .wp .container .product-list ul.content li {
          width: 25%;
          display: inline-block; }
          .wp .container .product-list ul.content li a {
            display: block;
            font-size: 16px;
            border: 1px solid #efefef;
            height: 350px;
            overflow: hidden;
            color: #4f4f4f; }
            .wp .container .product-list ul.content li a:hover {
              border: 1px solid #5d5d5d; }
            .wp .container .product-list ul.content li a .view img {
              margin: 70px 0 80px 0; }
            .wp .container .product-list ul.content li a .hover h3 {
              margin: 20px 0 10px; }
            .wp .container .product-list ul.content li a .hover h5 {
              font-size: 12px;
              color: #d4d4d4; }
              .wp .container .product-list ul.content li a .hover h5 span {
                padding: 0 10px; }
            .wp .container .product-list ul.content li a .hover img {
              margin: 5px 0 0 0; }
            .wp .container .product-list ul.content li a .hover h2 {
              font-size: 64px;
              color: #6ac5ef; }
              .wp .container .product-list ul.content li a .hover h2 sup {
                font-size: 32px; }
    .wp .container .footer {
      height: 24px;
      margin-bottom: 20px; }
      .wp .container .footer .pagination {
        text-align: center; }
        .wp .container .footer .pagination li {
          display: inline-block;
          margin-right: 18px;
          cursor: pointer; }
          .wp .container .footer .pagination li a {
            font-size: 16px;
            color: #a1a1a1; }
          .wp .container .footer .pagination li.active a {
            color: #ff410e; }
